<template>
  <transition name="fade">
    <router-view v-if="isRouterAlive"></router-view>
  </transition>
</template>

<script>
export default {
  provide () {
    return {
      reload: this.reload,
    };
  },
  data () {
    return {
      isRouterAlive: true,
    };
  },

  methods: {
    reload () {
      this.isRouterAlive = false;
      this.$nextTick(() => (this.isRouterAlive = true));
    },
  },
};
// cityList() {
//   this.dataListLoading = true;
//   this.$http({
//     url: this.$http.adornUrl(
//       "cassadmin/v1/companyAccount/selectCityCompanyList"
//     ),
//     method: "post",
//     params: this.$http.adornParams({}),
//   }).then(({ data }) => {
//     if (data.success == 1) {
//     } else {
//     }
//     this.dataListLoading = false;
//   });
// }
</script>
<style >
/* 解决页面dialog出现时，页面滚动条出现消失导致的Message消息提示抖动问题 */
body {
  overflow-y: auto !important;
  padding-right: 0 !important;
}
.el-input--medium {
  margin-left: 5px !important;
}
.el-dialog {
  width: 32% !important;
}

.demo-input-suffix input {
  flex: 1 !important;
}
.demo-input-suffix .left {
  width: 150px !important;
}

.el-form--inline {
  background-color: #fff;
  padding: 0 32px;
  padding-top: 22px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 16px;
}
.balance-searchMoney .el-range-editor {
  flex: 1 !important;
}

.el-month-table .start-date div .cell,
.el-month-table .end-date div .cell {
  color: #fff;
}
.site-navbar__avatar {
  display: flex !important;
  align-items: center !important;
}
.site-sidebar--dark .site-sidebar__menu.el-menu .el-menu-item.is-active,
.site-sidebar--dark
  .site-sidebar__menu.el-menu
  .el-submenu.is-active
  > .el-submenu__title,
.site-sidebar--dark > .el-menu--popup .el-menu-item.is-active,
.site-sidebar--dark
  > .el-menu--popup
  .el-submenu.is-active
  > .el-submenu__title,
.site-sidebar--dark-popper .site-sidebar__menu.el-menu .el-menu-item.is-active,
.site-sidebar--dark-popper
  .site-sidebar__menu.el-menu
  .el-submenu.is-active
  > .el-submenu__title,
.site-sidebar--dark-popper > .el-menu--popup .el-menu-item.is-active,
.site-sidebar--dark-popper
  > .el-menu--popup
  .el-submenu.is-active
  > .el-submenu__title {
  color: #ff7d41 !important;
}
.site-sidebar--dark .site-sidebar__menu.el-menu .el-menu,
.site-sidebar--dark .site-sidebar__menu.el-menu .el-submenu.is-opened,
.site-sidebar--dark > .el-menu--popup .el-menu,
.site-sidebar--dark > .el-menu--popup .el-submenu.is-opened,
.site-sidebar--dark-popper .site-sidebar__menu.el-menu .el-menu,
.site-sidebar--dark-popper .site-sidebar__menu.el-menu .el-submenu.is-opened,
.site-sidebar--dark-popper > .el-menu--popup .el-menu,
.site-sidebar--dark-popper > .el-menu--popup .el-submenu.is-opened {
  background-color: #fff !important;
}
.el-card {
  background-color: #f0f2f5 !important;
}
.el-loading-mask {
  background-color: #fff !important;
  border-radius: 6px;
}
.newTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wenhao {
  margin: 0 !important;
  padding: 0 !important;
}
.el-table {
  border-radius: 6px !important;
}
.blueMoney {
  color: #1890ff !important;
}
.orangeMoney {
  color: #ff8043 !important;
}
.greenMoney {
  color: #52c41a !important;
}
.grayMoney {
  color: #ccc !important;
}
.m32 {
  margin-bottom: 32px !important;
}
.site-navbar {
  background-color: #fff !important;
}
.site-navbar__brand-lg {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 50px !important;
}
.site-navbar__brand-lg,
.site-navbar__brand-mini {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.logo {
  width: 20px !important;
  height: 20px !important;
  margin-right: 5px !important;
  margin-top: -4px !important;
}
.cycleNos {
  color: rgb(2, 167, 240);
  cursor: pointer;
}
.textArea {
  width: 100%;
  height: 83px;
}
.el-dialog__body {
  padding: 10px 20px !important;
  border-radius: 6px !important;
}
.el-dialog__header {
  border-radius: 6px !important;
  background-color: #f5f5f5 !important;
  padding: 10px !important;
}
.el-dialog__headerbtn {
  top: 12px !important;
}
.el-dialog__footer {
  padding: 10px !important;
}
.el-dialog__title {
  font-weight: 500 !important;
  font-size: 14px !important;
}
.el-dialog {
  border-radius: 6px !important;
}
.NoNumber {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.initial {
  width: 438px;
  height: 268px;
}
.Nodata {
  margin-left: 60px;
  font-size: 20px;
  font-weight: 600;
}
.machine {
  width: 106px;
  height: 99px;
}
.el-table__body {
  min-height: 60px !important;
}
.el-table__empty-block {
  min-height: 160px !important;
}
#ids > .el-dialog {
  width: 70% !important;
}
#ids .el-dialog__footer {
  text-align: center !important;
}
#oth > .el-dialog {
  width: 70% !important;
}
</style>
